<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#starting_price" aria-controls="starting_price" role="tab" data-toggle="tab">起步价</a></li>
            <li role="presentation"><a href="#mileage_fee" aria-controls="mileage_fee" role="tab" data-toggle="tab">里程费</a></li>
            <li role="presentation"><a href="#long_distance_fee" aria-controls="long_distance_fee" role="tab" data-toggle="tab">远途费</a></li>
            <li role="presentation"><a href="#duration_fee" aria-controls="duration_fee" role="tab" data-toggle="tab">时长费</a></li>

        </ul>
    </div>
    <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
        <input id="c-city_id" class="form-control hide" name="row[city_id]" value="{$city_id|htmlentities}">
        <div class="tab-content">
            <!--起步价-->
            <div role="tabpanel" class="tab-pane active" id="starting_price">
                <div id="toolbar_starting_price" class="toolbar">
                    {:build_toolbar('refresh')}
                    <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('wddj/operation/starting_price/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                    <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('wddj/operation/starting_price/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                    <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('wddj/operation/starting_price/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                </div>
                <table id="table_starting_price" class="table table-striped table-bordered table-hover" width="100%">
                </table>
            </div>
            <!--里程费-->
            <div role="tabpanel" class="tab-pane" id="mileage_fee">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Mileage_price')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-mileage_price" class="form-control" step="0.1" name="row[mileage_price]" type="number" value="{$row ? $row.mileage_price : 4.5}">
                            <span class="help-block" style="color: #f11414">提示：超出起步里程后计算，X元/含1.0公里</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Mileage_fee_start_time')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-mileage_fee_start_time" class="form-control datetimepicker" data-date-format="HH:mm" data-use-current="true" name="row[mileage_fee_start_time]" type="text" value="{$row ? $row.mileage_fee_start_time : '00:00'}">
                            <span class="help-block" style="color: #f11414">提示：{:__('Mileage_fee_start_time')}只用于小程序展示，不参与计算</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Mileage_fee_end_time')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-mileage_fee_end_time" class="form-control datetimepicker" data-date-format="HH:mm" data-use-current="true" name="row[mileage_fee_end_time]" type="text" value="{$row ? $row.mileage_fee_end_time : '23:59'}">
                            <span class="help-block" style="color: #f11414">提示：{:__('Mileage_fee_end_time')}只用于小程序展示，不参与计算</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--远途费-->
            <div role="tabpanel" class="tab-pane" id="long_distance_fee">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Exceeding_kilometers')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-exceeding_kilometers" class="form-control" step="0.1" name="row[exceeding_kilometers]" type="number" value="{$row ? $row.exceeding_kilometers : 30.0}">
                            <span class="help-block" style="color: #f11414">提示：超出XX公里后，加收远途费X元/含1.0公里</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Long_distance_price')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-long_distance_price" class="form-control" step="0.1" name="row[long_distance_price]" type="number" value="{$row ? $row.long_distance_price : 1.0}">
                            <span class="help-block" style="color: #f11414">提示：超出XX公里后，加收远途费X元/含1.0公里</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Capped_price')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-capped_price" class="form-control" step="0.1" name="row[capped_price]" type="number" value="{$row ? $row.capped_price : 200.0}">
                            <span class="help-block" style="color: #f11414">提示：总行驶里程超出一定距离后，加收远途费，XXX元封顶</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Long_distance_fee_start_time')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-long_distance_fee_start_time" class="form-control datetimepicker" data-date-format="HH:mm" data-use-current="true" name="row[long_distance_fee_start_time]" type="text" value="{$row ? $row.long_distance_fee_start_time : '00:00'}">
                            <span class="help-block" style="color: #f11414">提示：{:__('Long_distance_fee_start_time')}只用于小程序展示，不参与计算</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Long_distance_fee_end_time')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-long_distance_fee_end_time" class="form-control datetimepicker" data-date-format="HH:mm" data-use-current="true" name="row[long_distance_fee_end_time]" type="text" value="{$row ? $row.long_distance_fee_end_time : '23:59'}">
                            <span class="help-block" style="color: #f11414">提示：{:__('Long_distance_fee_end_time')}只用于小程序展示，不参与计算</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--时长费-->
            <div role="tabpanel" class="tab-pane" id="duration_fee">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">免费等候时长(分钟):</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-free_waiting_time" class="form-control" step="1" name="row[free_waiting_time]" type="number" value="{$row.free_waiting_time|htmlentities}">
                            <span class="help-block" style="color: #f11414">提示：免费等候时长X分钟</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">收费时长上限(分钟):</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-maximum_charging_duration" class="form-control" step="1" name="row[maximum_charging_duration]" type="number" value="{$row.maximum_charging_duration|htmlentities}">
                            <span class="help-block" style="color: #f11414">提示：收费时长上限X分钟，等候时长不计入行驶时长</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">时长费价格:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-duration_price" class="form-control" step="0.1" name="row[duration_price]" type="number" value="{$row.duration_price|htmlentities}">
                            <span class="help-block" style="color: #f11414">提示： X元/1分钟</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">时长费开始时间:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-duration_fee_start_time" class="form-control datetimepicker" data-date-format="HH:mm" data-use-current="true" name="row[duration_fee_start_time]" type="text" value="{$row.duration_fee_start_time|htmlentities}">
                            <span class="help-block" style="color: #f11414">提示：时长费开始时间只用于小程序展示，不参与计算</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">时长费结束时间:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input id="c-duration_fee_end_time" class="form-control datetimepicker" data-date-format="HH:mm" data-use-current="true" name="row[duration_fee_end_time]" type="text" value="{$row.duration_fee_end_time|htmlentities}">
                            <span class="help-block" style="color: #f11414">提示：时长费结束时间只用于小程序展示，不参与计算</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group layer-footer">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8">
                    <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                    <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                </div>
            </div>
        </div>
    </form>
</div>